@media only screen and (min-width: 320px){
   html {
     font-size: 20% !important;
   }
 }
 @media only screen and (min-width: 640px){
   html {
     font-size: 40% !important;
   }
  }
  @media only screen and (min-width: 750px){
    html {
      font-size: 50% !important;
    }
  }
  @media only screen and (min-width: 1242px){
    html {
      font-size: 62.5% !important;
    }
  }